#nav{
    width:100%;
    height:1.37rem;
    background-image: url('../images/bj.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.logo img{
    width:1.9rem;
    height:0.83rem;
    margin-left: 0.35rem;
}
.logo{
    float: left;
}
.exit{
    cursor: pointer;
}
.header{
    width:87%;
    height:1.36rem;
    float: left;
    font-size: 0.18rem;
    color: #000;
}
.headerNav{
    margin-left: 0.3rem;
}
.headerNav li{
    float: left;
    font-size: 0.2rem;
    font-weight:600;
    width:1.22rem;
    height:0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
}
.userInfo{
    margin-left: 84%;
    margin-top: 0.2rem;
    color: #fff;
}
.headerNavInfo{
    margin-left: 0.3rem;
    width:99.7%;
    background-color: #e3f1f7;
    height:0.45rem;
    line-height: 0.43rem;
    color: #a1a1a1;
}
.headerNavInfo_first{
    margin-left: 0.2rem;
}
.headerNav .active{
    background-color: #e3f1f7;
    color: #009fec;
}
.manageUser{
    cursor: pointer;
}

#sync,#syncStat{
	font-size: 0.2rem;
	font-weight:600;
	width:1.22rem;
	height:0.5rem;
	line-height: 0.5rem;
	text-align: center;
	color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
	float:right;
}

#syncStat {
	margin-right:4rem;
}
#sync:hover{
	background-color:steelblue;
}

#sync:active{
	background-color:royalblue;
}
#syncStat:hover{
	background-color:steelblue;
}

#syncStat:active{
	background-color:royalblue;
}
